import { Row, Col, Card } from 'antd';
import React from 'react'
import D1 from '@/assets/images/d1.png'

const ComCard = (props: any) => {
    return (
        <>
            <Row gutter={[24, 24]}>
                <Col xs={12} sm={12} md={8} lg={8} xl={6} xxl={4}>
                    {/* 通用卡片 */}
                    <div className='com-card'>
                        <div className='card-banner'>
                            <img src={D1} alt="" />
                        </div>
                        <div className='card-title'>Dashboard 卡片式素材</div>
                        <div className='card-tool'></div>
                    </div>
                </Col>
                <Col xs={12} sm={12} md={8} lg={8} xl={6} xxl={4}>
                    {/* 通用卡片 */}
                    <div className='com-card'>
                        <div className='card-banner'>
                            <img src={D1} alt="" />
                        </div>
                        <div className='card-title'>Dashboard 卡片式素材</div>
                        <div className='card-tool'></div>
                    </div>
                </Col>
                <Col xs={12} sm={12} md={8} lg={8} xl={6} xxl={4}>
                    {/* 通用卡片 */}
                    <div className='com-card'>
                        <div className='card-banner'>
                            <img src={D1} alt="" />
                        </div>
                        <div className='card-title'>Dashboard 卡片式素材</div>
                        <div className='card-tool'></div>
                    </div>
                </Col>
                <Col xs={12} sm={12} md={8} lg={8} xl={6} xxl={4}>
                    {/* 通用卡片 */}
                    <div className='com-card'>
                        <div className='card-banner'>
                            <img src={D1} alt="" />
                        </div>
                        <div className='card-title'>Dashboard 卡片式素材</div>
                        <div className='card-tool'></div>
                    </div>
                </Col>
                <Col xs={12} sm={12} md={8} lg={8} xl={6} xxl={4}>
                    {/* 通用卡片 */}
                    <div className='com-card'>
                        <div className='card-banner'>
                            <img src={D1} alt="" />
                        </div>
                        <div className='card-title'>Dashboard 卡片式素材</div>
                        <div className='card-tool'></div>
                    </div>
                </Col>
                <Col xs={12} sm={12} md={8} lg={8} xl={6} xxl={4}>
                    {/* 通用卡片 */}
                    <div className='com-card'>
                        <div className='card-banner'>
                            <img src={D1} alt="" />
                        </div>
                        <div className='card-title'>Dashboard 卡片式素材</div>
                        <div className='card-tool'></div>
                    </div>
                </Col>
                <Col xs={12} sm={12} md={8} lg={8} xl={6} xxl={4}>
                    {/* 通用卡片 */}
                    <div className='com-card'>
                        <div className='card-banner'>
                            <img src={D1} alt="" />
                        </div>
                        <div className='card-title'>Dashboard 卡片式素材</div>
                        <div className='card-tool'></div>
                    </div>
                </Col>
            </Row>
        </>
    )
}


export default ComCard;
